{include file='layout/header'}
<!-- SLIDER -->
<!-- START SLIDER -->
<div class="slider-wrapper theme-default">
    <div class="ribbon"></div>
    <div id="slider" class="nivoSlider inner">
        <div class="sliderWrapper">
            <img src="images/slider-nivo/cropped-0011.jpg" width="960" height="338" alt="" />
            <img src="images/slider-nivo/cropped-0012.jpg" width="960" height="338" alt="" />
        </div>
    </div>
</div>
<!-- /SLIDER -->
<script type="text/javascript">
    var     yiw_slider_type = 'nivo',
            yiw_slider_nivo_fx = 'random',
            yiw_slider_nivo_speed = 500,
            yiw_slider_nivo_timeout = 5000,
            yiw_slider_nivo_directionNav = true,
            yiw_slider_nivo_directionNavHide = false,
            yiw_slider_nivo_controlNav = false;
</script>
<script type="text/javascript" src="js/jquery.quicksand.js"></script>

<div class="inner home-gallery home-section group">

    <h2>Photogallery</h2>
    <!-- FILTERS -->
    <div class="gallery-filters">
        <ul class="filters gallery-categories">
            <li class="segment-1 first"><a data-value="all" href="#">All</a></li>
            <li class="segment-9">&nbsp;/&nbsp;<a href="#" data-value="brand-identity">Brand Identity</a></li>
            <li class="segment-10">&nbsp;/&nbsp;<a href="#" data-value="motion-graphics">Motion Graphics</a></li>
            <li class="segment-8">&nbsp;/&nbsp;<a href="#" data-value="web-design">Web Design</a></li>
        </ul>
    </div>
    <!-- END FILTERS -->

    <div id="portfolio-gallery" class="internal_page_items internal_page_gallery">
        <ul class="gallery-wrap image-grid group">

            <li data-id="id-1" class="motion-graphics ">
                <div class="internal_page_item internal_page_item_gallery">
                    <a href="photo.html"><img width="208" height="168" src="images/gallery/14-208x168.jpg" class="picture wp-post-image" alt="14" title="14" /></a>
                    <div class="overlay">
                        <h5><a href="photo.html">Photo #14</a></h5>
                        <p>Caption for this beautiful photo</p>
                        <div class="controls">
                            <a class="icon-zoom" href="images/gallery/14.jpg" rel="prettyPhoto" title="Photo #14">Zoom</a>
                        </div>
                    </div>
                </div>
            </li>

            <li data-id="id-2" class="brand-identity motion-graphics ">
                <div class="internal_page_item internal_page_item_gallery">
                    <a href="photo.html"><img width="208" height="168" src="images/gallery/13-208x168.jpg" class="picture wp-post-image" alt="13" title="13" /></a>
                    <div class="overlay">
                        <h5><a href="photo.html">Photo #13</a></h5>
                        <p></p>
                        <div class="controls">
                            <a class="icon-zoom" href="images/gallery/13.jpg" rel="prettyPhoto" title="Photo #13">Zoom</a>
                        </div>
                    </div>
                </div>
            </li>

            <li data-id="id-3" class="web-design ">
                <div class="internal_page_item internal_page_item_gallery">
                    <a href="photo.html"><img width="208" height="168" src="images/gallery/12-208x168.jpg" class="picture wp-post-image" alt="12" title="12" /></a>
                    <div class="overlay">
                        <h5><a href="photo.html">Photo #12</a></h5>
                        <p></p>
                        <div class="controls">
                            <a class="icon-zoom" href="images/gallery/12.jpg" rel="prettyPhoto" title="Photo #12">Zoom</a>
                        </div>
                    </div>
                </div>
            </li>

            <li data-id="id-4" class="motion-graphics web-design ">
                <div class="internal_page_item internal_page_item_gallery">
                    <a href="photo.html"><img width="208" height="168" src="images/gallery/11-208x168.jpg" class="picture wp-post-image" alt="11" title="11" /></a>
                    <div class="overlay">
                        <h5><a href="photo.html">Photo #11</a></h5>
                        <p></p>
                        <div class="controls">
                            <a class="icon-zoom" href="images/gallery/11.jpg" rel="prettyPhoto" title="Photo #11">Zoom</a>
                        </div>
                    </div>
                </div>
            </li>

            <li data-id="id-5" class="brand-identity ">
                <div class="internal_page_item internal_page_item_gallery">
                    <a href="photo.html"><img width="208" height="168" src="images/gallery/10-208x168.jpg" class="picture wp-post-image" alt="10" title="10" /></a>
                    <div class="overlay">
                        <h5><a href="photo.html">Photo #10</a></h5>
                        <p></p>
                        <div class="controls">
                            <a class="icon-zoom" href="images/gallery/10.jpg" rel="prettyPhoto" title="Photo #10">Zoom</a>
                        </div>
                    </div>
                </div>
            </li>

            <li data-id="id-6" class="web-design ">
                <div class="internal_page_item internal_page_item_gallery">
                    <a href="photo.html"><img width="208" height="168" src="images/gallery/9-208x168.jpg" class="picture wp-post-image" alt="9" title="9" /></a>
                    <div class="overlay">
                        <h5><a href="photo.html">Photo #9</a></h5>
                        <p></p>
                        <div class="controls">
                            <a class="icon-zoom" href="images/gallery/9.jpg" rel="prettyPhoto" title="Photo #9">Zoom</a>
                        </div>
                    </div>
                </div>
            </li>

            <li data-id="id-7" class="brand-identity motion-graphics ">
                <div class="internal_page_item internal_page_item_gallery">
                    <a href="photo.html"><img width="208" height="168" src="images/gallery/8-208x168.jpg" class="picture wp-post-image" alt="8" title="8" /></a>
                    <div class="overlay">
                        <h5><a href="photo.html">Photo #8</a></h5>
                        <p></p>
                        <div class="controls">
                            <a class="icon-zoom" href="images/gallery/8.jpg" rel="prettyPhoto" title="Photo #8">Zoom</a>
                        </div>
                    </div>
                </div>
            </li>

            <li data-id="id-8" class="motion-graphics web-design ">
                <div class="internal_page_item internal_page_item_gallery">
                    <a href="photo.html"><img width="208" height="168" src="images/gallery/7-208x168.jpg" class="picture wp-post-image" alt="7" title="7" /></a>
                    <div class="overlay">
                        <h5><a href="photo.html">Photo #7</a></h5>
                        <p></p>
                        <div class="controls">
                            <a class="icon-zoom" href="images/gallery/7.jpg" rel="prettyPhoto" title="Photo #7">Zoom</a>
                        </div>
                    </div>
                </div>
            </li>

        </ul>
    </div>
</div>

<div id="primary" class="layout-sidebar-no home-section">
    <div class="inner group">
        <!-- START CONTENT -->
        <div id="content" class="group">
            <div class="page type-page status-publish hentry group">

                <div class="one-third">
                    <h5>Popular post from <span style="color: #ff6600;">Mèmento blog</span></h5>
                    <div class="recent-post group">

                        <div class="hentry-post group">
                            <div class="thumb-img"><img width="55" height="55" src="images/blog/blog1-55x55.jpg" class="attachment-thumb_recentposts wp-post-image" alt="blog1" title="blog1" /></div>
                            <a href="article.html" title="Another great article of the blog" class="title">Another great article of the blog</a>
                            <p class="post-date">May 2, 2012</p>
                        </div>

                        <div class="hentry-post group">
                            <div class="thumb-img"><img width="55" height="55" src="images/blog/Fotolia_2885999_Subscription_XL-720x367-55x55.jpg" class="attachment-thumb_recentposts wp-post-image" alt="Fotolia_2885999_Subscription_XL-720x367" title="Fotolia_2885999_Subscription_XL-720x367" /></div>
                            <a href="article.html" title="Meet M&egrave;mento WordPress theme" class="title">Meet Mèmento WordPress theme</a>
                            <p class="post-date">February 26, 2012</p>
                        </div>

                    </div>
                </div>

                <div class="one-third">
                    <h5>Latest news</h5>
                    <div class="recent-post group">
                        <div class="hentry-post group">
                            <div class="thumb-img"><img width="55" height="55" src="images/blog/blog1-55x55.jpg" class="attachment-thumb_recentposts wp-post-image" alt="blog1" title="blog1" /></div>
                            <a href="article.html" title="Another great article of the blog" class="title">Another great article of the blog</a>
                            <p class="post-date">May 2, 2012</p>
                        </div>
                        <div class="hentry-post group">
                            <div class="thumb-img"><img width="55" height="55" src="images/blog/blog2-55x55.jpg" class="attachment-thumb_recentposts wp-post-image" alt="blog2" title="blog2" /></div>
                            <a href="article.html" title="Fall in Love with M&egrave;mento theme!" class="title">Fall in Love with Mèmento theme!</a>
                            <p class="post-date">April 30, 2012</p>
                        </div>
                    </div>
                </div>

                <div class="one-third last">
                    <h5>Customize your pages with widgets and shortcodes</h5>
                    <p>mperdiet urna vel erat sodales id blandit erat placerat. Aliquam hendrerit neque non augue facilisis eget facilisis elit iaculis. Donec dolor ligula, volutpat non auctor ut, tincidunt ut elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
                </div>

                <div class="clear"></div>

                <div class="call-to-action-two group">
                    <div class="incipit">
                        <p class="special-font">
                            <span style="font-size:42px;"><strong>35% </strong></span> <span style="font-size:36px;">off everything </span> Sign in to our list before march 21!<br />
                        </p>
                    </div>
                    <a href="#" class="call-button">
                        SIGN IN NOW
                    </a>
                </div>
            </div>
        </div>
        <!-- END CONTENT -->
    </div>
</div>
<div class="clear"></div>
</div>
<!-- END WRAPPER -->

{include file='layout/footer'}